@charset "utf-8";
/*container*/
.container .t{height: auto;overflow: hidden;font-size: 24px;color: #333;margin-bottom: 10px;}
.container .t a{color: #333;}
.container .t span{float: right;line-height: 31px;transition: all .3s linear;}
.container .t span a:hover,.container .t span:hover{color: #eb3333;}

/*banner*/
.banner {width:100%;height:482px;overflow:hidden;position: relative;z-index:0;}
.banner .bd{position:relative; z-index:0;}
.banner .bd ul{width:100% !important;}
.banner .bd li{width:100% !important;height:482px;}
.banner .bd li a{width: 100%;height: 100%;display: block;}
.banner .hd{width:100%;position: absolute;bottom: 25px;text-align: center;z-index:1;}
.banner .hd li{width: 10px;height: 10px;border-radius: 50%;background: #fff;margin: 0 5px;cursor: pointer;display:inline-block; *display:inline; zoom:1;}
.banner .hd li.on{background: #ee9c00;}

/*product*/
.product{height: auto;overflow: hidden;background: #f3f3f3;padding-bottom:60px;}

/*adlist*/
.adlist{height: auto;overflow: hidden;padding-top: 20px;}
.adlist li{width: 297px;height: 178px;float: left;margin-left: 4px;transition: all .3s linear;position: relative;}
.adlist li img{width: 100%;display: block;position: absolute;top: 0;left: 0;}
.adlist li .con{position: absolute;top: 0;left: 0;padding: 40px 0 0 20px;}
.adlist li .con h1{font-size: 28px;font-weight: bold;color: #fff;}
.adlist li .con h2{font-size: 20px;font-weight: bold;color: #fff;}
.adlist li .con i{font-size: 24px;color: #fff;padding-top: 5px;display: block;}
.adlist li:first-child{margin-left: 0;}
.adlist li:hover{opacity: .8;filter:alpha(opacity=80);transform: translateY(-5px);}

/*ad*/
.ad{height: auto;overflow: hidden;margin-top: 20px;}

/*pblock*/
.pblock{height: auto;overflow: hidden;margin-top: 30px;}
.pblock .t span{font-size: 16px;color: #333;}
.pblock .t span a{color: #333;margin-left: 25px;display: block;float: left;}
.pblock .content{height: auto;overflow: hidden;}
.pblock .content .left{width: 240px;height: auto;overflow: hidden;float: left;}
.pblock .content .left .img-slide{height: auto;overflow:hidden;position:relative;}
.pblock .content .left .img-slide .hd{width: 100%;height:37px;*height: 27px;overflow:hidden;position: absolute;left: 0;bottom: 0;text-align: center;}
.pblock .content .left .img-slide .hd ul li{width: 8px;height: 8px;border-radius: 50%;background: #d8d8d8;margin: 0 3px;cursor: pointer;display:inline-block; *display:inline; zoom:1;font-size:0;color: #d8d8d8;cursor:pointer;}
.pblock .content .left .img-slide .hd ul li.on{background: #fff;color: #fff;}
.pblock .content .left .img-slide .bd{height: auto;overflow: hidden;}
.pblock .content .left .img-slide .bd ul{height: auto;overflow: hidden;}
.pblock .content .left .img-slide .bd ul li{width: 240px;height: 365px;overflow: hidden;float:left;}
.pblock .content .left .list{height: 144px;overflow:hidden;padding: 26px 20px;}
.pblock .content .left #list3{background:#2ab6f1;}
.pblock .content .left #list2{background:#84c957;}
.pblock .content .left #list1{background:#f1a133;}
.pblock .content .left .list li{line-height: 26px;color: #fff;font-size: 13px;font-weight: bold;}
.pblock .content .left .list li a{color: #fff;}
.pblock .content .right{height: auto;overflow: hidden;background: #fff;}
.pblock .content .right ul{height: auto;overflow: hidden;}
.pblock .content .right ul:first-child{border-bottom: 1px solid #efefef;}
.pblock .content .right ul li{width: 211px;height: 210px;padding: 35px 14px;overflow: hidden;float: left;border-right: 1px solid #efefef;position: relative;}
.pblock .content .right ul li .img-box{width: 210px;height: 126px;overflow: hidden;margin: 0 auto;text-align: center;transition: all .2s linear;}
.pblock .content .right ul li .img-box img{width: 100%;display: block;}
.pblock .content .right ul li .text-box{height: auto;overflow: hidden;text-align: center;}
.pblock .content .right ul li .text-box h2{font-size: 14px;color: #333;font-weight: bold;margin: 15px 0 5px;}
.pblock .content .right ul li .text-box h2 a{color: #333;}
.pblock .content .right ul li .text-box p{font-size: 13px;color: #999;line-height: 20px;}
.pblock .content .right ul li .text-box p a{color: #999;}
.pblock .content .right ul li .btn-box{height: 60px;line-height: 60px;overflow: hidden;;text-align: center;}
.pblock .content .right ul li .btn{width:62px;height: 25px;line-height: 25px;font-size: 14px;color: #eb3333;margin: 0 5px;display: inline-block;border:1px solid #eb3333;border-radius: 15px;}
.pblock .content .right ul li .btn:hover{background: #eb3333;color: #fff;}
.pblock .content .right ul li .tip-box{width: 100%;height: 60px;line-height: 60px;overflow: hidden;background: #eb3333;position: absolute;left: 0;bottom: -60px;text-align: center;transition: all .2s linear;}
.pblock .content .right ul li .tip-box a{font-size: 14px;color: #fff;margin: 0 5px;}
.pblock .content .right ul li .tip-box a.btn-ask{background: #fff;color: #eb3333;border-radius: 15px;padding: 3px 17px;}
.pblock .content .right ul li:hover .img-box{transform: translateX(-5px);}
.pblock .content .right ul li:hover .tip-box{bottom: 0;}

/*news*/
.news{height: auto;overflow: hidden;padding: 35px 0;}
.news .t{margin-bottom: 13px;}
.news .t span{font-size: 13px;color: #999;}
.news .left{width: 835px;height: auto;overflow: hidden;position: relative;float: left;}
.news .left .t span{margin-right: 30px;}
.news .left .img-slide{width: 400px;height: 240px;float: left;position: relative;margin-right: 20px;}
.news .left .img-slide .hd{width: 100%;height:18px;overflow:hidden;position: absolute;right: 20px;bottom: 10px;}
.news .left .img-slide .hd ul li{width: 8px;height: 8px;border-radius: 50%;background: #fff;margin: 0 3px;cursor: pointer;font-size:0;color:#fff;cursor:pointer;float: right;}
.news .left .img-slide .hd ul li.on{background: #eb3333;color: #eb3333;}
.news .left .img-slide .bd{height: auto;overflow: hidden;}
.news .left .img-slide .bd ul{height: auto;overflow: hidden;}
.news .left .img-slide .bd ul li{width: 400px;height: 240px;overflow: hidden;float:left;}
.news .left .img-slide .bd ul li img{width: 100%;display: block;transition: all .2s linear;}
.news .left .img-slide .bd ul li:hover img{transform: scale(1.05);}
.news .left .list{width: 385px;height: auto;overflow: hidden;}
.news .left .list li{height: 30px;overflow: hidden;line-height: 30px;}
.news .left .list li a{color: #666;}
.news .left .list li a span{float: right;font-size: 13px;color: #b7b7b7;transition: all .3s linear;}
.news .left .list li a:hover{color: #eb3333;}
.news .left .list li a:hover span{color: #666;}
.news .left .line{width: 1px;height: 240px;background: #e8e8e8;position: absolute;right: 0;bottom: 0;}
.news .right{width: 330px;height: auto;overflow: hidden;float: right;}
.news .right ul{height: auto;overflow: hidden;}
.news .right ul li{width: 99%;height: 38px;overflow: hidden;line-height: 38px;border: 1px solid #fff;float: left;}
.news .right ul li span{width: 38px;height: 38px;display: block;float: left;text-align: center;background: #f3f3f3;margin-right: 12px;transition: all .3s linear;}
.news .right ul li a{color: #666;display: block;}
.news .right ul li:hover{border: 1px solid #eb3333;}
.news .right ul li:hover a{color: #eb3333;}
.news .right ul li:hover span{background: #eb3333;color: #fff;}

/*brand*/
.brand{height: auto;overflow: hidden;background: #f3f3f3;padding: 25px 0;}
.brand .brand-slide{height: auto;margin-top: 15px;position: relative;}
.brand .brand-slide .hd{height:16px;overflow:hidden;position: absolute;right: 0;top: -35px;}
.brand .brand-slide .hd a{color:#999;display: block;float: left;margin-left: 4px;}
.brand .brand-slide .hd a:hover{color:#eb3333;}
.brand .brand-slide .bd{height: auto;overflow: hidden;}
.brand .brand-slide .bd .tempWrap{width: 1200px !important;}
.brand .brand-slide .bd ul{height: auto;overflow: hidden;}
.brand .brand-slide .bd ul li{width: 170px;height: 50px;overflow: hidden;float:left;margin-right: 10px;}

.inqu_title{ width: 100%; border-bottom: 2px solid #ff4a00; background: #f2f2f2 ; height: 30px;padding:2px 0px;}
.inqu_title h2{   color: #333;  font-size: 16px;  line-height: 30px; padding-left: 15px;}
.inqu_title h2 span{   color: #ff4a00; }
.inqu_title p{ font-size: 12px; color: #999; padding-right: 15px;line-height: 30px;}
.cen_fl{ width: 780px;margin-top: 10px;}
.cen_fr{ width: 210px; margin-top: 10px;}

.condition{color: #676767;  line-height: 25px;}
.condition a{color: #999;}
.inqu_cen{margin: 10px 0;}
.inqu_cen .cen_img {  margin-right: 10px;}
.inqu_cen h2{color: #ff4a00;  font-size: 16px;  line-height: 30px; font-weight: lighter; }
.inqu_cen h2 a{color: #ff4a00;   text-decoration: underline;}
.inqu_cen h2 a:hover{color: #ff4a00;   text-decoration: underline;}
.inqu_cen p{ color:#333; line-height: 20px; font-size: 12px;}
.inqu_cen .site{ font-size: 12px; color:#999;  margin-top: 5px;}
.inqu_cen .site a{ color:#999;}
.wrap_page {width:466px;height: auto;overflow: hidden;text-align: center;  vertical-align: middle;padding-top: 25px;margin:0 auto;}
.wrap_page a {color:#4a4b4d;float: left;display: inline;width: 30px ;height: 30px;  margin-left:5px;text-align: center;vertical-align:middle;line-height: 30px;  border: 1px solid #cccccc;border-radius: 3px;}
.wrap_page a.first {margin-left: 0px;}
.wrap_page a.next {width:56px;}
.wrap_page a.hover {background-color: #888 ;color: #ffffff;}
/*列表页*/
.cen_fr img{ border: 1px solid #ccc; margin-bottom: 15px;}
/*广告*/
.pages{ float:right; line-height:14px; }
.pagenum, .pageswitch{ padding:10px 20px 0 0; float:left; }
.pagenum a{ display:block; float:left; padding:0 10px; height:14px; margin-top:5px; text-align:center; border-right:1px solid #ddd; }
.pagenum a:hover{ color:#ff4a00; text-decoration:none;}
.pagenum a.active{ font-weight:bold; color:#ff4a00; }
a.pre, a.next{ margin-top:0; width:24px; height:24px; padding:0; background-image:url(../images/pagebtn.png); border:none; margin-right:5px; }
a.next{  background-position:0 -24px; margin-left:5px; *display:inline-block; }